@import '../app/variables.css';

.empty {
  text-align: center;
  font-weight: var(--font-weight-semi-bold);
  padding-top: 100px;
  color: var(--color-grayscale-dark);
}

.results {
  overflow-y: initial;

  & > div > div {
    font-weight: 600;
  }
}

@media (--xLarge-viewport) {
  .results {
    overflow: auto;
    margin: 0px calc(0 - var(--box-padding-left-XL));
  }
}

@media (--large-viewport) {
  .results {
    overflow: auto;
    margin: 0px calc(0 - var(--box-padding-left-L));
  }
}

@media (--medium-viewport) {
  .results {
    overflow: auto;
    margin: 0px calc(0 - var(--box-padding-left-M));
  }
}

.onShowMore {
  height: auto !important;
}

.onBarEnabled {
  margin-bottom: 0 !important;
}
